<template>
	<view class="zsryrz">
		<headertop title="招商人员认证" str1="oridei"></headertop>
		<image src="https://jingwei.xunfuzhifuzaixian.com/static/images/Group 11881@2x.png" class="zsryrzback" mode="widthFix"></image>
		<view :style="{'margin-top':statusBarHeight+'px','height':barHeight+'px'}">

		</view>
		<view class="bottomContent">
			<view class="contentList">
				<view class="itembox">
					<view class="center1">
						<view class="shenhetop">
							<span>申请时间: 2025-08-08 12:00</span>
							<view class="statusbox">
								待审核
							</view>
						</view>
						<view class="textspd">
							<view class="ttline">
								<view class="tt">
									姓名：勒克莱尔
								</view>
								<view class="tt">
									性别：男
								</view>
							</view>
							<view class="ttline">
								<view class="tt">
									所属项目：项目名称
								</view>
								<view class="tt">
									所属项目：项目名称
								</view>
							</view>
							<view class="ttline">
								<view class="tt" style="width: 100%;">
									联系方式：13688889999
								</view>
							</view>
							<view class="ttline" style="margin-bottom: 0rpx;">
								<view class="tt" style="width: 100%;">
									所属区域：河南省-郑州市-金水区
								</view>
							</view>
						</view>


					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script setup>
	import {
		ref,
		onMounted,
		reactive,
	} from 'vue'
	import {
		onLoad,
		onShow,
		onPageScroll,
		onReachBottom
	} from "@dcloudio/uni-app";
	import headertop from '@/components/header.vue'
	const statusBarHeight = ref('')
	const back1 = ref('')
	const barHeight = ref('')
	onMounted(() => {
		statusBarHeight.value = uni.getSystemInfoSync().statusBarHeight
		const {
			top,
			height
		} = wx.getMenuButtonBoundingClientRect();
		barHeight.value = height ? height + (top - statusBarHeight.value) * 2 : 38;
	})
	onLoad(()=>{
		
	})
	onPageScroll((e) => {
		if (e.scrollTop > 100) {
			back1.value = '#CAEEFF'
		} else {
			back1.value = ''
		}
	})
</script>

<style lang="scss">
	.zsryrz {
		width: 100%;
		overflow: hidden;
		position: relative;

		.zsryrzback {
			width: 100%;
			position: absolute;
			z-index: -1;
		}

		.bottomContent {
			width: 100%;
			background: #FFFFFF;
			box-shadow: 0rpx -4rpx 13rpx 0rpx rgba(157, 219, 255, 0.56);
			border-radius: 48rpx 48rpx 0rpx 0rpx;
			overflow: hidden;
			margin-top: 448rpx;

			.contentList {
				width: 100%;
				overflow: hidden;
				margin-top: 32rpx;

				.itembox {
					width: 686rpx;
					margin: auto;
					margin-bottom: 32rpx;
					overflow: hidden;
					background: #F7F8FA;
					border-radius: 20rpx 20rpx 20rpx 20rpx;
					margin-bottom: 30rpx;

					.center1 {
						width: 638rpx;
						margin: auto;
						margin-top: 18rpx;

						.textspd {
							width: 100%;
							padding: 28rpx 0;
							margin-top: 14rpx;
							overflow: hidden;

							.ttline {
								width: 100%;
								display: flex;
								align-items: center;
								margin-bottom: 24rpx;

								.tt {
									width: 326rpx;
									font-family: PingFang SC, PingFang SC;
									font-weight: 400;
									font-size: 28rpx;
									color: #4E5969;
								}
							}
						}

						.shenhetop {
							width: 100%;
							display: flex;
							justify-content: space-between;
							align-items: center;
							font-family: PingFang SC, PingFang SC;
							font-weight: 500;
							font-size: 32rpx;
							color: #1D2129;

							.statusbox {
								width: 148rpx;
								height: 56rpx;
								background: #FFF7E8;
								border-radius: 12rpx 12rpx 12rpx 12rpx;
								text-align: center;
								line-height: 56rpx;
								font-weight: 400;
								font-size: 28rpx;
								color: #FF7D00;
							}
						}
					}
				}
			}
		}
	}
</style>